{% extends 'html/all.html' %}
{% block title %}
    个人资料
{% endblock %}

{% block content %}
<div class="container">
   <div class="text-center profile-header">
    <img alt="个人图片" class="rounded-circle1" src="/static/images/R-C.jpg"/>
    <h1>
     约翰·杜
    </h1>
    <p>
     软件开发者
    </p>
   </div>
   <div class="card">
    <div class="card-body">
     <h5 class="card-title">
      个人详情
     </h5>
     <p><strong>昵称:</strong> Johnny</p>
     <p><strong>爱好:</strong> 摄影</p>
     <p><strong>注册时间:</strong> 2021-06-01 12:00:00</p>
     <p><strong>生日:</strong> 1990-05-15</p>
     <p><strong>身份证:</strong> 1234567890</p>
     <p><strong>个性签名:</strong> 活着就是为了让别人活。</p>
     <p><strong>星座:</strong> 金牛座</p>
     <button class="btn btn-primary" data-bs-target="#editModal" data-bs-toggle="modal" type="button">编辑资料</button>
    </div>
   </div>
</div>
<!-- Modal -->
<div aria-hidden="true" aria-labelledby="editModalLabel" class="modal fade" id="editModal" tabindex="-1">
   <div class="modal-dialog">
    <div class="modal-content">
     <div class="modal-header">
      <h5 class="modal-title" id="editModalLabel">编辑资料</h5>
      <button aria-label="关闭" class="btn-close" data-bs-dismiss="modal" type="button"></button>
     </div>
     <div class="modal-body">
      你好！
     </div>
     <div class="modal-footer">
      <button class="btn btn-secondary" data-bs-dismiss="modal" type="button">关闭</button>
     </div>
    </div>
   </div>
</div>
    <script src="/static/js/check_token.js"></script>

{% endblock %}

{% block scripts %}
<script>
    window.onload = function () {
            checkCredentials();
        };
</script>
{% endblock %}